<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>绝对定位案例</title>
</head>
<style type="text/css">
	.dvi2{
		width:1000px;
		height: 1000px;
		border:1px solid red;
		margin-left: 200px;
	}
	.div-box{
		width: 700px;
		height: 700px;
		background-color: silver;
		border: 1px solid red;
		margin-left: 200px;
		margin-top: 200px;
		position: relative;
	}
	.div1{
		width:70px;
		height: 40px;
		margin:20px 0 0 20px;
		border: 1px solid black;
		float: left;

	}
	.te{
		position: absolute;
		left: 100px;
		top: 200px;
	}
</style>
<body>
<div class="dvi2">
	<div class="div-box">
		<div class="div1">内容1</div>
		<div class="div1 te">内容2</div>
		<div class="div1">内容3</div>
		<div class="div1">内容4</div>
		<div class="div1">内容5</div>
	</div>
</div>
</body>
</html>